<template>
    <el-aside style="width: 200px;">
        <div style="height: 60px; background-color: #8c939d; color: white; display: flex; align-items: center; justify-content: center;">
            港口管理系统
          </div>
        <el-scrollbar>
          <el-menu style="bottom: none;">
            <el-sub-menu index="1">
              <template #title>
                <el-icon><Message /></el-icon>船只信息
              </template>
              <el-menu-item-group>
                <el-menu-item index="1-1">入港记录</el-menu-item>
                <el-menu-item index="1-2">出港记录</el-menu-item>
              </el-menu-item-group>
            </el-sub-menu>
            <el-sub-menu index="2">
              <template #title>
                <el-icon><Menu /></el-icon>仓库管理
              </template>
              <el-menu-item-group>
                <el-menu-item index="2-1">出仓记录</el-menu-item>
                <el-menu-item index="2-2">入仓记录</el-menu-item>
              </el-menu-item-group>
            </el-sub-menu>
          </el-menu>
        </el-scrollbar>
      </el-aside>
</template>

<script>
    export default{
        setup(){
            const list=[
                {
                    path:"/user",
                    name:"user"
                    label:'chaun',
                    icon:"user",
                    url:
                }

            ];

            const noChildren = () =>{
                return list.filter((item) => !item.children);
            };

            const hasChildren = () =>{
                return list.filter((item) => item.children)
            };
        }
    }

</script>